<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- ajax
				解决的痛点：在没有ajax之前，要做页面刷新，就必须整个页面全部刷新。
			 实现方式
				JS实现，比较麻烦
					
				JQ实现，使用方便
		-->
		
		<script type="text/javascript">
			var xmlHttp = new XMLHttpRequest('MSXML2.XMLHTTP.3.0');
			xmlHttp.open("GET", "data.json", true);
			//onloadend：页面加载成功且完成的时候执行
			xmlHttp.onloadend = e => {//=>函数，属于ES6的标准
			    console.log(JSON.parse(xmlHttp.response));
			};
			//onload加载成功时执行
			xmlHttp.onload  = function(res) {
				console.log(xmlHttp.response);
			}
			xmlHttp.send();
			/*
				箭头函数
					没有形参
						() => {
							代码
						}
					有且只有一个
						形参名 => {
							代码
						}
					有多个形参
						(a, b, c) => {
							代码
						}
					有且只有一个形参且代码只有一行，[return]表示可选
						e => [return] 代码
			*/
			// xmlHttp.onloadend = function(e) {
			//     console.log(JSON.parse(xmlHttp.response));
				
			// };
		</script>
	</body>
</html>
